---
layout: typedoc
title: 'Presenter | @msrvida/sanddance-explorer'
---
<header>
<div class="tsd-page-title">
	<div class="typedoc-container">
		<ul class="tsd-breadcrumb">
			<li>
				<a href="../modules.html">@msrvida/sanddance-explorer</a>
			</li>
			<li>
				<a href="../modules/sanddance.html">SandDance</a>
			</li>
			<li>
				<a href="../modules/sanddance.vegadeckgl.html">VegaDeckGl</a>
			</li>
			<li>
				<a href="sanddance.vegadeckgl.presenter.html">Presenter</a>
			</li>
		</ul>
		<h1>Class Presenter</h1>
	</div>
</div>
</header>
<div class="container container-main">
<div class="row">
	<div class="col-8 col-content">
		<section class="tsd-panel tsd-comment">
			<div class="tsd-comment tsd-typography">
				<div class="lead">
					<p>Class which presents a Stage of chart data using Deck.gl to render.</p>
				</div>
			</div>
		</section>
		<section class="tsd-panel tsd-hierarchy">
			<h3>Hierarchy</h3>
			<ul class="tsd-hierarchy">
				<li>
					<span class="target">Presenter</span>
				</li>
			</ul>
		</section>
		<section class="tsd-panel-group tsd-index-group">
			<h2>Index</h2>
			<section class="tsd-panel tsd-index-panel">
				<div class="tsd-index-content">
					<section class="tsd-index-section ">
						<h3>Constructors</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#constructor" class="tsd-kind-icon">constructor</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Properties</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#animationtimer" class="tsd-kind-icon">animation<wbr>Timer</a></li>
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#deckgl" class="tsd-kind-icon">deckgl</a></li>
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#el" class="tsd-kind-icon">el</a></li>
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#logger" class="tsd-kind-icon">logger</a></li>
							<li class="tsd-kind-property tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#style" class="tsd-kind-icon">style</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Accessors</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#stage" class="tsd-kind-icon">stage</a></li>
							<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#view" class="tsd-kind-icon">view</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Methods</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#animationcancel" class="tsd-kind-icon">animation<wbr>Cancel</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#animationqueue" class="tsd-kind-icon">animation<wbr>Queue</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#canvastodataurl" class="tsd-kind-icon">canvas<wbr>ToDataURL</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#finalize" class="tsd-kind-icon">finalize</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#getcubedata" class="tsd-kind-icon">get<wbr>Cube<wbr>Data</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#getelement" class="tsd-kind-icon">get<wbr>Element</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#homecamera" class="tsd-kind-icon">home<wbr>Camera</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#present" class="tsd-kind-icon">present</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#represent" class="tsd-kind-icon">re<wbr>Present</a></li>
							<li class="tsd-kind-method tsd-parent-kind-class"><a href="sanddance.vegadeckgl.presenter.html#showguides" class="tsd-kind-icon">show<wbr>Guides</a></li>
						</ul>
					</section>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Constructors</h2>
			<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
				<a name="constructor" class="tsd-anchor"></a>
				<h3>constructor</h3>
				<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">new <wbr>Presenter<span class="tsd-signature-symbol">(</span>el<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span>, style<span class="tsd-signature-symbol">?: </span><a href="../interfaces/sanddance.vegadeckgl.types.presenterstyle.html" class="tsd-signature-type" data-tsd-kind="Interface">PresenterStyle</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="sanddance.vegadeckgl.presenter.html" class="tsd-signature-type" data-tsd-kind="Class">Presenter</a></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:38</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Instantiate a new Presenter.</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>el: <span class="tsd-signature-type">HTMLElement</span></h5>
								<div class="tsd-comment tsd-typography">
									<p>Parent HTMLElement to present within.</p>
								</div>
							</li>
							<li>
								<h5><span class="tsd-flag ts-flagOptional">Optional</span> style: <a href="../interfaces/sanddance.vegadeckgl.types.presenterstyle.html" class="tsd-signature-type" data-tsd-kind="Interface">PresenterStyle</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>Optional PresenterStyle styling options.</p>
								</div>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <a href="sanddance.vegadeckgl.presenter.html" class="tsd-signature-type" data-tsd-kind="Class">Presenter</a></h4>
					</li>
				</ul>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Properties</h2>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="animationtimer" class="tsd-anchor"></a>
				<h3>animation<wbr>Timer</h3>
				<div class="tsd-signature tsd-kind-icon">animation<wbr>Timer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:14</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Handle of the timer for animation.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="deckgl" class="tsd-anchor"></a>
				<h3>deckgl</h3>
				<div class="tsd-signature tsd-kind-icon">deckgl<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DeckGL_Class</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:18</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Deck.gl instance for rendering WebGL.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="el" class="tsd-anchor"></a>
				<h3>el</h3>
				<div class="tsd-signature tsd-kind-icon">el<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:9</li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="logger" class="tsd-anchor"></a>
				<h3>logger</h3>
				<div class="tsd-signature tsd-kind-icon">logger<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>message<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span>, <span class="tsd-signature-symbol">...</span>optionalParams<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:22</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Logger, such as console.log</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-class">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>message<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span>, <span class="tsd-signature-symbol">...</span>optionalParams<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5><span class="tsd-flag ts-flagOptional">Optional</span> message: <span class="tsd-signature-type">any</span></h5>
										</li>
										<li>
											<h5><span class="tsd-flag ts-flagRest">Rest</span> <span class="tsd-signature-symbol">...</span>optionalParams: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
				<a name="style" class="tsd-anchor"></a>
				<h3>style</h3>
				<div class="tsd-signature tsd-kind-icon">style<span class="tsd-signature-symbol">:</span> <a href="../interfaces/sanddance.vegadeckgl.types.presenterstyle.html" class="tsd-signature-type" data-tsd-kind="Interface">PresenterStyle</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:30</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Options for styling the output.</p>
					</div>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Accessors</h2>
			<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class">
				<a name="stage" class="tsd-anchor"></a>
				<h3>stage</h3>
				<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> stage<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/sanddance.vegadeckgl.types.stage.html" class="tsd-signature-type" data-tsd-kind="Interface">Stage</a></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:26</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Get the previously rendered Stage object.</p>
							</div>
						</div>
						<h4 class="tsd-returns-title">Returns <a href="../interfaces/sanddance.vegadeckgl.types.stage.html" class="tsd-signature-type" data-tsd-kind="Interface">Stage</a></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class">
				<a name="view" class="tsd-anchor"></a>
				<h3>view</h3>
				<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> view<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/sanddance.types.html#view" class="tsd-signature-type" data-tsd-kind="Type alias">View</a></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:34</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Get the current View camera type.</p>
							</div>
						</div>
						<h4 class="tsd-returns-title">Returns <a href="../modules/sanddance.types.html#view" class="tsd-signature-type" data-tsd-kind="Type alias">View</a></h4>
					</li>
				</ul>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Methods</h2>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="animationcancel" class="tsd-anchor"></a>
				<h3>animation<wbr>Cancel</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">animation<wbr>Cancel<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:48</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Cancels any pending animation, calling animationCanceled() on original queue.</p>
							</div>
						</div>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="animationqueue" class="tsd-anchor"></a>
				<h3>animation<wbr>Queue</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">animation<wbr>Queue<span class="tsd-signature-symbol">(</span>handler<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span>, timeout<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, options<span class="tsd-signature-symbol">?: </span><a href="../interfaces/sanddance.vegadeckgl.types.queuedanimationoptions.html" class="tsd-signature-type" data-tsd-kind="Interface">QueuedAnimationOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:55</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Stops the current animation and queues a new animation.</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>handler: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
								<div class="tsd-comment tsd-typography">
									<p>Function to invoke when timeout is complete.</p>
								</div>
								<ul class="tsd-parameters">
									<li class="tsd-parameter-signature">
										<ul class="tsd-signatures tsd-kind-type-literal">
											<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
										</ul>
										<ul class="tsd-descriptions">
											<li class="tsd-description">
												<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
											</li>
										</ul>
									</li>
								</ul>
							</li>
							<li>
								<h5>timeout: <span class="tsd-signature-type">number</span></h5>
								<div class="tsd-comment tsd-typography">
									<p>Length of time to wait before invoking the handler.</p>
								</div>
							</li>
							<li>
								<h5><span class="tsd-flag ts-flagOptional">Optional</span> options: <a href="../interfaces/sanddance.vegadeckgl.types.queuedanimationoptions.html" class="tsd-signature-type" data-tsd-kind="Interface">QueuedAnimationOptions</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>Optional QueuedAnimationOptions object.</p>
								</div>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="canvastodataurl" class="tsd-anchor"></a>
				<h3>canvas<wbr>ToDataURL</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">canvas<wbr>ToDataURL<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">&gt;</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:79</li>
							</ul>
						</aside>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">&gt;</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="finalize" class="tsd-anchor"></a>
				<h3>finalize</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">finalize<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:92</li>
							</ul>
						</aside>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="getcubedata" class="tsd-anchor"></a>
				<h3>get<wbr>Cube<wbr>Data</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">get<wbr>Cube<wbr>Data<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/sanddance.vegadeckgl.types.cube.html" class="tsd-signature-type" data-tsd-kind="Interface">Cube</a><span class="tsd-signature-symbol">[]</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:87</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Get cube data array from the cubes layer.</p>
							</div>
						</div>
						<h4 class="tsd-returns-title">Returns <a href="../interfaces/sanddance.vegadeckgl.types.cube.html" class="tsd-signature-type" data-tsd-kind="Interface">Cube</a><span class="tsd-signature-symbol">[]</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="getelement" class="tsd-anchor"></a>
				<h3>get<wbr>Element</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">get<wbr>Element<span class="tsd-signature-symbol">(</span>type<span class="tsd-signature-symbol">: </span><a href="../enums/sanddance.vegadeckgl.presenterelement.html" class="tsd-signature-type" data-tsd-kind="Enumeration">PresenterElement</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:60</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Retrieve a sub-element of the rendered output.</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>type: <a href="../enums/sanddance.vegadeckgl.presenterelement.html" class="tsd-signature-type" data-tsd-kind="Enumeration">PresenterElement</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>PresenterElement type of the HTMLElement to retrieve.</p>
								</div>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="homecamera" class="tsd-anchor"></a>
				<h3>home<wbr>Camera</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">home<wbr>Camera<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:83</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Home the camera to the last initial position.</p>
							</div>
						</div>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="present" class="tsd-anchor"></a>
				<h3>present</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">present<span class="tsd-signature-symbol">(</span>sceneOrStage<span class="tsd-signature-symbol">: </span><a href="../interfaces/sanddance.vegadeckgl.types.stage.html" class="tsd-signature-type" data-tsd-kind="Interface">Stage</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/sanddance.vegadeckgl.types.scene3d.html" class="tsd-signature-type" data-tsd-kind="Interface">Scene3d</a>, height<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, config<span class="tsd-signature-symbol">?: </span><a href="../interfaces/sanddance.vegadeckgl.types.presenterconfig.html" class="tsd-signature-type" data-tsd-kind="Interface">PresenterConfig</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:68</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Present the Vega Scene, or Stage object using Deck.gl.</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>sceneOrStage: <a href="../interfaces/sanddance.vegadeckgl.types.stage.html" class="tsd-signature-type" data-tsd-kind="Interface">Stage</a><span class="tsd-signature-symbol"> | </span><a href="../interfaces/sanddance.vegadeckgl.types.scene3d.html" class="tsd-signature-type" data-tsd-kind="Interface">Scene3d</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>Vega Scene object, or Stage object containing chart layout info.</p>
								</div>
							</li>
							<li>
								<h5>height: <span class="tsd-signature-type">number</span></h5>
								<div class="tsd-comment tsd-typography">
									<p>Height of the rendering area.</p>
								</div>
							</li>
							<li>
								<h5>width: <span class="tsd-signature-type">number</span></h5>
								<div class="tsd-comment tsd-typography">
									<p>Width of the rendering area.</p>
								</div>
							</li>
							<li>
								<h5><span class="tsd-flag ts-flagOptional">Optional</span> config: <a href="../interfaces/sanddance.vegadeckgl.types.presenterconfig.html" class="tsd-signature-type" data-tsd-kind="Interface">PresenterConfig</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>Optional presentation configuration object.</p>
								</div>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="represent" class="tsd-anchor"></a>
				<h3>re<wbr>Present</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">re<wbr>Present<span class="tsd-signature-symbol">(</span>stage<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/sanddance.vegadeckgl.types.stage.html" class="tsd-signature-type" data-tsd-kind="Interface">Stage</a><span class="tsd-signature-symbol">&gt;</span>, modifyConfig<span class="tsd-signature-symbol">?: </span><a href="../interfaces/sanddance.vegadeckgl.types.presenterconfig.html" class="tsd-signature-type" data-tsd-kind="Interface">PresenterConfig</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:75</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Present the same recently rendered Stage with only slight modifications such as a color change,
								using the previous Stage values as a basis.</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>stage: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/sanddance.vegadeckgl.types.stage.html" class="tsd-signature-type" data-tsd-kind="Interface">Stage</a><span class="tsd-signature-symbol">&gt;</span></h5>
								<div class="tsd-comment tsd-typography">
									<p>Partially populated Stage object containing changes.</p>
								</div>
							</li>
							<li>
								<h5><span class="tsd-flag ts-flagOptional">Optional</span> modifyConfig: <a href="../interfaces/sanddance.vegadeckgl.types.presenterconfig.html" class="tsd-signature-type" data-tsd-kind="Interface">PresenterConfig</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>Optional presentation configuration object.</p>
								</div>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
				<a name="showguides" class="tsd-anchor"></a>
				<h3>show<wbr>Guides</h3>
				<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
					<li class="tsd-signature tsd-kind-icon">show<wbr>Guides<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/presenter.d.ts:91</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Show guidelines of rendering height/width and center of OrbitView.</p>
							</div>
						</div>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
					</li>
				</ul>
			</section>
		</section>
	</div>
	<div class="col-4 col-menu menu-highlight">
		<nav class="tsd-navigation primary">
			<ul>
				<li class=" ">
					<a href="../modules.html">Exports</a>
				</li>
				<li class="current tsd-kind-namespace">
					<a href="../modules/sanddance.html">Sand<wbr>Dance</a>
					<ul>
						<li class="current tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.vegadeckgl.html">Vega<wbr>Deck<wbr>Gl</a>
							<ul>
								<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
									<a href="../modules/sanddance.vegadeckgl.constants.html">constants</a>
								</li>
								<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
									<a href="../modules/sanddance.vegadeckgl.controls.html">controls</a>
								</li>
								<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
									<a href="../modules/sanddance.vegadeckgl.defaults.html">defaults</a>
								</li>
								<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
									<a href="../modules/sanddance.vegadeckgl.types.html">types</a>
								</li>
								<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
									<a href="../modules/sanddance.vegadeckgl.util.html">util</a>
								</li>
							</ul>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.constants.html">constants</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.searchexpression.html">search<wbr>Expression</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.specs.html">specs</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.types.html">types</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.util.html">util</a>
						</li>
					</ul>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/controls.html">controls</a>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/util.html">util</a>
				</li>
			</ul>
		</nav>
		<nav class="tsd-navigation secondary">
			<ul class="before-current">
				<li class=" tsd-kind-enum tsd-parent-kind-namespace">
					<a href="../enums/sanddance.vegadeckgl.presenterelement.html" class="tsd-kind-icon">Presenter<wbr>Element</a>
				</li>
			</ul>
			<ul class="current">
				<li class="current tsd-kind-class tsd-parent-kind-namespace">
					<a href="sanddance.vegadeckgl.presenter.html" class="tsd-kind-icon">Presenter</a>
					<ul>
						<li class=" tsd-kind-constructor tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#constructor" class="tsd-kind-icon">constructor</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#animationtimer" class="tsd-kind-icon">animation<wbr>Timer</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#deckgl" class="tsd-kind-icon">deckgl</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#el" class="tsd-kind-icon">el</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#logger" class="tsd-kind-icon">logger</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#style" class="tsd-kind-icon">style</a>
						</li>
						<li class=" tsd-kind-get-signature tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#stage" class="tsd-kind-icon">stage</a>
						</li>
						<li class=" tsd-kind-get-signature tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#view" class="tsd-kind-icon">view</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#animationcancel" class="tsd-kind-icon">animation<wbr>Cancel</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#animationqueue" class="tsd-kind-icon">animation<wbr>Queue</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#canvastodataurl" class="tsd-kind-icon">canvas<wbr>ToDataURL</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#finalize" class="tsd-kind-icon">finalize</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#getcubedata" class="tsd-kind-icon">get<wbr>Cube<wbr>Data</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#getelement" class="tsd-kind-icon">get<wbr>Element</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#homecamera" class="tsd-kind-icon">home<wbr>Camera</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#present" class="tsd-kind-icon">present</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#represent" class="tsd-kind-icon">re<wbr>Present</a>
						</li>
						<li class=" tsd-kind-method tsd-parent-kind-class">
							<a href="sanddance.vegadeckgl.presenter.html#showguides" class="tsd-kind-icon">show<wbr>Guides</a>
						</li>
					</ul>
				</li>
			</ul>
			<ul class="after-current">
				<li class=" tsd-kind-interface tsd-parent-kind-namespace tsd-is-external">
					<a href="../interfaces/sanddance.vegadeckgl.deckprops.html" class="tsd-kind-icon">Deck<wbr>Props</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter tsd-is-external">
					<a href="../interfaces/sanddance.vegadeckgl.layerinputhandler.html" class="tsd-kind-icon">Layer<wbr>Input<wbr>Handler</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter tsd-is-external">
					<a href="../interfaces/sanddance.vegadeckgl.pickinfo.html" class="tsd-kind-icon">Pick<wbr>Info</a>
				</li>
				<li class=" tsd-kind-type-alias tsd-parent-kind-namespace tsd-is-external">
					<a href="../modules/sanddance.vegadeckgl.html#position" class="tsd-kind-icon">Position</a>
				</li>
				<li class=" tsd-kind-type-alias tsd-parent-kind-namespace tsd-is-external">
					<a href="../modules/sanddance.vegadeckgl.html#rgbacolor" class="tsd-kind-icon">RGBAColor</a>
				</li>
				<li class=" tsd-kind-variable tsd-parent-kind-namespace">
					<a href="../modules/sanddance.vegadeckgl.html#viewgl" class="tsd-kind-icon">View<wbr>Gl</a>
				</li>
				<li class=" tsd-kind-variable tsd-parent-kind-namespace">
					<a href="../modules/sanddance.vegadeckgl.html#base" class="tsd-kind-icon">base</a>
				</li>
				<li class=" tsd-kind-function tsd-parent-kind-namespace">
					<a href="../modules/sanddance.vegadeckgl.html#use" class="tsd-kind-icon">use</a>
				</li>
			</ul>
		</nav>
	</div>
</div>
</div>
<div class="overlay"></div>